@import '../var.scss';

@mixin tip{
	line-height:40px;
	text-align:center;
	border-radius:2px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	color: #666;
	overflow:hidden;
	margin-top:10px;
	height:40px;
	transition:0.5s;
	background:#fff;
	border:1px solid $iborder;
	.iconfont{
		vertical-align: middle;
	}
}
.mt-tip-success{
	.iconfont{
		color:$colorSuccess;
	}
	@include tip;
}
.mt-tip-warning{
	.iconfont{
		color:$colorWarning;
	}
	@include tip;
}
.mt-tip-danger{
	.iconfont{
		color:$colorDanger;
	}
	@include tip;
}

#mt-div-tips{
	position:fixed;
	top:0;
	min-width:240px;
	left:50%;
	margin-left:-200px;
}